---
title: Cards
description: Explore a variety of card components designed with Tailwind CSS v4. These responsive, SEO-friendly cards are ideal for showcasing content, products, blog posts, and user profiles on modern marketing websites and applications. Fully customizable for any project.
category: marketing
emoji: 🃏
slug: cards
terms:
  - profile
  - post
components:
  - { title: 'Title, author, avatar, excerpt, published date and reading time' }
  - { title: 'Stacked with Large Image and Content' }
  - { title: 'Darkened Background with Content on Hover' }
  - { title: 'Bordered with Content on Hover' }
  - { title: 'Bordered with Image, Price, Content and Details' }
  - { title: 'Image, Name, with Social Links and Project Links' }
  - { title: 'Shaped with Image and Content' }
  - { title: 'Podcast Post' }
  - { title: 'Forum Post' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Card Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
